﻿<table class="data">
    <thead>
        <tr>
            <th>Name</th>
            <th>Key</th>
            <th>Dev Storage</th>
            <th></th>
        </tr>
    </thead>
    <tbody data-bind="foreach: accounts">
        <tr>
            <td data-bind="text: storageName"></td>
            <td data-bind="text: storageKey"></td>
            <td data-bind="text: devStorage() ? 'yes' : 'no'"></td>
            <td>
                <a href="javascript:void(0)" data-bind="modalOpen: 'createAccount', click: function() {$parent.details.forAccount($data)}" title="Edit Account">edit</a>
                <a href="javascript:void(0)" data-bind="modalOpen: 'deleteAccount', click: $parent.deleteDetails.init" title="Remove Account">remove</a>
            </td>
        </tr>
    </tbody>
</table>
